<!DOCTYPE HTML>
<html size="s">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <!--[if gt IE 9]>< -->
    <link href="../../../dist/main/css/base.css" rel="stylesheet" type="text/css"/>
    <!-- ><![endif]-->
    <!--[if lte IE 9]>
    <link href="../../../dist/main/css/base-ie8.css" rel="stylesheet" type="text/css"/>
    <![endif]-->
    <script type="text/javascript" src="../../../dist/main/js/jq/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jq/adapter-1.9.1.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/i18n/code.zh_CN.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-plugins.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-ui.js"></script>
    <script type="text/javascript" src="../../../dist/main/js/jcl-jwc.js"></script>
    <script type="text/javascript" src="../asset/js/config.js"></script>
    <script type="text/javascript" src="../asset/js/data.js"></script>
    <script type="text/javascript" src="../asset/js/lifeCycle.js"></script>
    <title>移动云-商品生命周期管理</title>
    <style>
        .c_list > ul > li.on {
            background-color: #ededed !important;
        }

        .e_hide-x {
            display: none;
        }
        .fl_unset{
            float: unset !important;
        }
    </style>
</head>

<body jwcid="@Body" id="body">

<div class="c_scroll">
    <div class="l_padding-2">
        <div class="c_box c_box-border">
            <div class="c_title">
                <div class="text">商品生命周期管理</div>
                <div class="fn">
                    <ul>
                        <li ontap="showPopup('offerPopup', 'offerAdder')">
                            <span class="e_ico-add"></span>新增商品
                        </li>
                    </ul>
                </div>
            </div>
            <div class="l_padding l_padding-u l_padding-2">
                <div class="c_form c_form-submit c_form-col-4 c_form-label-4">
                    <ul>
                        <li>
                            <div class="label">商品标识：</div>
                            <div class="value">
                                <input jwcid="@TextField" name="myTextField"/>
                            </div>
                        </li>
                        <li>
                            <div class="label">商品名称：</div>
                            <div class="value">
                                <input jwcid="@TextField" name="myTextField"/>
                            </div>
                        </li>
                        <li>
                            <div class="label">商品类型：</div>
                            <div class="value">
									<span jwcid="@Select"
                                          name="offerTypeSelect"
                                          source="ognl:SelectData"
                                          addDefault="true"
                                    ></span>
                            </div>
                        </li>
                        <li>
                            <div class="label">商品状态：</div>
                            <div class="value">
                                <span jwcid="@Select"
                                      name="offerStatusSelect"
                                      source="ognl:offerStatus"
                                      addDefault="true"></span>
                            </div>
                        </li>
                        <li>
                            <div class="label">配置人员：</div>
                            <div class="value">
									<span class="e_group">
										<span class="e_groupRight">
											<span class="e_ico-check"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" name="myTextField" value="曾小明"/>
										</span>
									</span>
                            </div>
                        </li>
                        <li>
                            <div class="label">开始时间：</div>
                            <div class="value">
                                <input jwcid="@DateField" name="startDateField" dropDown="true"
                                       format="yyyy-MM-dd HH:mm:ss"/>
                            </div>
                        </li>
                        <li>
                            <div class="label">结束时间：</div>
                            <div class="value">
                                <input jwcid="@DateField" name="endDateField" dropDown="true"
                                       format="yyyy-MM-dd HH:mm:ss"/>
                            </div>
                        </li>
                    </ul>
                    <div class="submit">
                        <button type="button" class="e_button-blue"><span class="e_ico-search"></span><span>查询</span>
                        </button>
                    </div>
                </div>
                <div class="c_space-2"></div>
                <table jwcid="@Table" name="myTable" class="c_table c_table-border">
                    <thead>
                    <tr>
                        <th class="e_center">商品标识</th>
                        <th class="e_center">商品名称</th>
                        <th class="e_center">商品类型</th>
                        <th class="e_center">商品状态</th>
                        <th class="e_center">配置人员</th>
                        <th class="e_center">操作历史</th>
                        <th class="e_center">编辑/查看</th>
                        <th class="e_center">技术节点</th>
                        <th class="e_center">业务节点</th>
                    </tr>
                    </thead>
                    <tbody id="myTableBody">
                    </tbody>
                </table>
                <div class="c_space-c"></div>
                <div name="navbar" class="c_page c_page-border" jwcid="@NavBar" part="queryPart"></div>
            </div>
        </div>
    </div>
</div>

<!-- 轨迹弹窗 -->
<div jwcid="@Popup" name="popup" class="c_popup c_popup-full">
    <div class="c_popupGroup">
        <div class="c_popupItem" id="historyPopup">
            <div class="c_header">
                <div class="back" ontap="hidePopup(this);">操作历史</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding-2">
                    <div align="center">
                        <img src="../images/商品审核流程图.png" alt="flow">
                    </div>
                    <div class="l_col l_col l_col-space-3" style="padding-left: 5%;padding-right: 5%;">
                        <div class="l_colItem" style="width:35%;">
                            <div style="color:#0078bb;font-weight:700;font-size:20px;padding-left:15px;margin-bottom:10px;">执行历史</div>
                            <div class="c_timeline c_timeline-sideTime">
                                <ul id="timeLine_li">
                                    <li id="goodsConfigA" ontap="selectEventNode(this,'goodsConfig')">
                                        <div class="ico">
                                            <span class="e_ico-config"></span>
                                        </div>
                                        <div class="main">
                                            <div class="date">
                                                <div>2020-10-12</div>
                                                <div class="time">11:20:19</div>
                                            </div>
                                            <div class="content">
                                                <div class="c_list">
                                                    <ul>
                                                        <li>
                                                            <div class="main">
                                                                <div class="title">商品配置</div>
                                                                <div class="content">
                                                                    佘小昭
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li id="techInTestA"  ontap="selectEventNode(this,'techInTest')">
                                        <div class="ico">
                                            <span class="e_ico-select"></span>
                                        </div>
                                        <div class="main">
                                            <div class="date">
                                                <div>2020-10-13</div>
                                                <div class="time">11:20:19</div>
                                            </div>
                                            <div class="content">
                                                <div class="c_list">
                                                    <ul>
                                                        <li>
                                                            <div class="main">
                                                                <div class="title">技术部内测审批</div>
                                                                <div class="content">
                                                                    廖小轩
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li id="openBateConfigA"  ontap="selectEventNode(this,'openBateConfig')">
                                        <div class="ico">
                                            <span class="e_ico-config"></span>
                                        </div>
                                        <div class="main">
                                            <div class="date">
                                                <div>2020-10-14</div>
                                                <div class="time">11:20:19</div>
                                            </div>
                                            <div class="content">
                                                <div class="c_list">
                                                    <ul>
                                                        <li>
                                                            <div class="main">
                                                                <div class="title">公测配置</div>
                                                                <div class="content">
                                                                    曾小明
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li id="businessDepartA"  ontap="selectEventNode(this,'businessDepart')">
                                        <div class="ico">
                                            <span class="e_ico-merge"></span>
                                        </div>
                                        <div class="main">
                                            <div class="date">
                                                <div>2020-10-15</div>
                                                <div class="time">11:20:19</div>
                                            </div>
                                            <div class="content">
                                                <div class="c_list">
                                                    <ul>
                                                        <li>
                                                            <div class="main">
                                                                <div class="title">业务部联调</div>
                                                                <div class="content">
                                                                    夏小菡
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li id="productOnSaleA"  ontap="selectEventNode(this,'productOnSale')">
                                        <div class="ico">
                                            <span class="e_ico-ok"></span>
                                        </div>
                                        <div class="main">
                                            <div class="date">
                                                <div>2020-10-16</div>
                                                <div class="time">11:20:19</div>
                                            </div>
                                            <div class="content">
                                                <div class="c_list">
                                                    <ul>
                                                        <li>
                                                            <div class="main">
                                                                <div class="title">产品上架</div>
                                                                <div class="content">
                                                                    何小之
                                                                </div>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="l_colItem l_padding" id="goodsConfigB" style="display: none;">
                            <div class="c_box">
                                <div class="c_title">
                                    <div class="text">商品信息</div>
                                </div>
                                <div class="c_param c_param-col-2 c_param-label-6 c_param-phone-col-1">
                                    <ul>
                                        <li>
                                            <span class="label">目录：</span>
                                            <span class="value">计算 > 云主机</span>
                                        </li>
                                        <li>
                                            <span class="label">品类：</span>
                                            <span class="value">通用型(CIDC-RT-VM)</span>
                                        </li>
                                        <li>
                                            <span class="label">商品名称：</span>
                                            <span class="value">商品A</span>
                                        </li>
                                        <li>
                                            <span class="label">商品描述：</span>
                                            <span class="value">此商品为一次性消耗品</span>
                                        </li>
                                        <li>
                                            <span class="label">商品详情：</span>
                                            <span class="value">8G内存,128Gssd,7代CPU</span>
                                        </li>
                                        <li>
                                            <span class="label">商品大类：</span>
                                            <span class="value">CSMP</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="c_box" style="margin-top:15px;">
                                <div class="c_title">
                                    <div class="text">产品负责人信息</div>
                                </div>
                                <div class="c_param c_param-col-2 c_param-label-6 c_param-phone-col-1">
                                    <ul >
                                        <li >
                                            <span class="label">产品负责人工号：</span>
                                            <span class="value ">zengym5</span>
                                        </li>
                                        <li >
                                            <span class="label">产品负责人姓名：</span>
                                            <span class="value " >曾小明</span>
                                        </li>
                                        <li>
                                            <span class="label">产品负责人电话：</span>
                                            <span class="value ">15720118531</span>
                                        </li>
                                        <li>
                                            <span class="label">产品负责人邮箱：</span>
                                            <span class="value ">27365841@qq.com</span>
                                        </li>
                                    </ul>
                                </div>
                        </div>
                    </div>
                        <div class="l_colItem l_padding" id="techInTestB" style="display: none;">
                            <div class="c_box">
                                <div class="c_title">
                                    <div class="text">技术部内测审批信息</div>
                                </div>
                                <div class="c_param c_param-col-2 c_param-label-6 c_param-phone-col-1">
                                    <ul>
                                        <li>
                                            <span class="label">审批人：</span>
                                            <span class="value">张启扬</span>
                                        </li>
                                        <li>
                                            <span class="label">审批意见：</span>
                                            <span class="value">通过</span>
                                        </li>
                                        <li>
                                            <span class="label">内测负责人：</span>
                                            <span class="value">黎七羽</span>
                                        </li>
                                        <li>
                                            <span class="label">备注：</span>
                                            <span class="value">无</span>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            </div>
                        </div>
                </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 联调结果 -->
<div jwcid="@Popup" name="popup1" class="">
    <div class="c_popupGroup">
        <div class="c_popupItem" id="approvePopup">
            <div class="c_header">
                <div class="back" ontap="hidePopup(this);">联调结果</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding-2">
                    <div class="c_form c_form-label-5">
                        <ul>
                            <li>
                                <div class="label">联调结果：</div>
                                <div class="value">
                                    <span jwcid="@Segment" class="e_segment e_segment-outline" name="isPassSegment"
                                          source="ognl:isPass" value="0"></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">联调文件：</div>
                                <div class="value">
                                    <span jwcid="@SimpleUpload" name="simpleupload" ftpCode="personserv"
                                          filePath="import" fileTypes=".txt;.doc;.docx;.jpg;.png"></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">联调备注：</div>
                                <div class="value">
                                    <textarea class="e_textarea-row-5" placeholder="请填写"></textarea>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="c_space-2"></div>
                    <div class="c_submit c_submit-full">
                        <button type="button" class="e_button-r e_button-l e_button-blue e_button-outline">重置</button>
                        <button type="button" class="e_button-r e_button-l e_button-blue" ontap="hidePopup(this);">提交
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="c_popupItem" id="testPopup">
            <div class="c_header">
                <div class="back" ontap="hidePopup(this);">测试结果</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding-2">
                    <div class="c_form c_form-label-5">
                        <ul>
                            <li>
                                <div class="label">测试结果：</div>
                                <div class="value">
                                    <span jwcid="@Segment" class="e_segment e_segment-outline" name="isPassSegment"
                                          source="ognl:isPass" value="0"></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">测试文件：</div>
                                <div class="value">
                                    <span jwcid="@SimpleUpload" name="simpleuploadd" ftpCode="personserv"
                                          filePath="import" fileTypes=".txt;.doc;.docx;.jpg;.png"></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">测试备注：</div>
                                <div class="value">
                                    <textarea class="e_textarea-row-5" placeholder="请填写"></textarea>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="c_space-2"></div>
                    <div class="c_submit c_submit-full">
                        <button type="button" class="e_button-r e_button-l e_button-blue e_button-outline">重置</button>
                        <button type="button" class="e_button-r e_button-l e_button-blue" ontap="hidePopup(this);">提交
                        </button>
                    </div>
                </div>
            </div>
        </div>

        <div class="c_popupItem" id="shenpiPopup">
            <div class="c_header">
                <div class="back" ontap="hidePopup(this);">审批</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding-2">
                    <div class="c_form c_form-label-5">
                        <ul>
                            <li>
                                <div class="label">审批结果：</div>
                                <div class="value">
                                    <span jwcid="@Segment" class="e_segment e_segment-outline" name="isPassSegmendt"
                                          source="ognl:isPass" value="0"></span>
                                </div>
                            </li>
                            <li>
                                <div class="label">审批意见：</div>
                                <div class="value">
                                    <textarea class="e_textarea-row-5" placeholder="请填写"></textarea>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="c_space-2"></div>
                    <div class="c_submit c_submit-full">
                        <button type="button" class="e_button-r e_button-l e_button-blue e_button-outline">重置</button>
                        <button type="button" class="e_button-r e_button-l e_button-blue" ontap="hidePopup(this);">提交
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 商品弹窗 -->
<div jwcid="@Popup" name="offerPopup" class="c_popup c_popup-half c_popup-half-hasBg">
    <div class="c_popupGroup">
        <div class="c_popupItem" id="offerAdder">
            <div class="c_header">
                <div class="back" ontap="backPopup(this)">新增商品配置</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding l_padding-2">
                    <div class="c_form c_form-col-2 c_form-label-5">
                        <ul>
                            <li class="link required">
                                <div class="label">目录选择：</div>
                                <div class="value">
                                    <span class="e_group">
										<span class="e_groupRight" ontap="forwardPopup(this, 'catalogPopup')">
											<span class="e_ico-search"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" desc="目录" name="catalogChoose" value=""
                                                   disabled="true"
                                                   placeholder="请选择目录"/>
										</span>
									</span>
                                </div>
                            </li>
                            <li class="link required">
                                <div class="label">品类选择：</div>
                                <div class="value">
                                     <span class="e_group" ontap="forwardPopup(this, 'categoryPopup')">
										<span class="e_groupRight">
											<span class="e_ico-search"></span>
										</span>
										<span class="e_groupMain">
											<input jwcid="@TextField" desc="品类" name="categoryChoose" value=""
                                                   disabled="true"
                                                   placeholder="请选择品类"/>
										</span>
									</span>
                                </div>
                            </li>
                            <li class="link required">
                                <div class="label">商品名称：</div>
                                <div class="value">
                                    <input type="text" desc="商品名称" jwcid="@TextField" name="offerNameCfg"
                                           placeholder="请输入商品名称">
                                </div>
                            </li>
                            <li class="link ">
                                <div class="label">商品描述：</div>
                                <div class="value">
                                    <input type="text" jwcid="@TextField" name="offerDescCfg" placeholder="请输入商品描述">
                                </div>
                            </li>
                            <li class="link ">
                                <div class="label">商品详情：</div>
                                <div class="value">
                                    <input type="text" jwcid="@TextField" name="offerDetailCfg" placeholder="请输入商品详情">
                                </div>
                            </li>
                            <li class="link ">
                                <div class="label">商品大类：</div>
                                <div class="value">
                                    <input type="text" jwcid="@TextField" name="offerKindCfg" placeholder="请输入商品大类"
                                           value="CSMP">
                                </div>
                            </li>
                        </ul>
                    </div>

                    <div id="offerExtInfo" class="e_hide-x">
                        <div class="c_title">
                            <div class="text">产品负责人和支撑负责人信息</div>
                        </div>
                        <div class="c_form c_form-label-9">
                            <ul>
                                <li class="link">
                                    <div class="label">
                                        产品负责人工号：
                                    </div>
                                    <div class="value">
                                        <input type="text" value="zengym5" jwcid="@TextField" name="pmStaff"
                                               placeholder="请输入产品负责人工号">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品负责人姓名：
                                    </div>
                                    <div class="value">
                                        <input type="text" value="曾小明" jwcid="@TextField" name="pmName"
                                               placeholder="请输入产品负责人姓名">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品负责人电话：
                                    </div>
                                    <div class="value">
                                        <input type="text" jwcid="@TextField" name="pmTel" placeholder="请输入产品负责人电话">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品负责人邮箱：
                                    </div>
                                    <div class="value">
                                        <div class="e_mix">
                                            <input type="text" jwcid="@TextField" name="pmMail"
                                                   placeholder="请输入产品负责人邮箱">
                                            <span class="e_label">@cmss.chinamobile.com</span>
                                        </div>
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品支撑负责人工号：
                                    </div>
                                    <div class="value">
                                        <input type="text" jwcid="@TextField" name="psmStaff"
                                               placeholder="请输入产品支撑负责人工号">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品支撑负责人姓名：
                                    </div>
                                    <div class="value">
                                        <input type="text" jwcid="@TextField" name="psmName" placeholder="请输入产品支撑负责人姓名">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品支撑负责人电话：
                                    </div>
                                    <div class="value">
                                        <input type="text" jwcid="@TextField" name="psmTel" placeholder="请输入产品支撑负责人电话">
                                    </div>
                                </li>
                                <li class="link">
                                    <div class="label">
                                        产品支撑负责人邮箱：
                                    </div>
                                    <div class="value">
                                        <div class="e_mix">
                                            <input type="text" jwcid="@TextField" name="psmMail"
                                                   placeholder="请输入产品支撑负责人邮箱">
                                            <span class="e_label">@cmss.chinamobile.com</span>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="e_center l_padding" style="display: none">
                        <a href="#nogo"
                           ontap="$('#offerExtInfo').addClass('e_hide-x'); $(this).parent().hide();$(this).parent().next().show();">
                            <span class="e_ico-fold"></span> 折叠显示</a>
                    </div>
                    <div class="e_center l_padding">
                        <a href="#nogo"
                           ontap="$('#offerExtInfo').removeClass('e_hide-x'); $(this).parent().hide();$(this).parent().prev().show();">
                            <span class="e_ico-unfold"></span> 展开全部（产品负责人和支撑负责人信息）</a>
                    </div>

                    <div class="c_space"></div>
                    <div class="c_submit c_submit-full">
                        <button type="button" class="e_button e_button-r e_button-l e_button-blue"
                                ontap="addOffer(this)">确定
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 二级弹窗，目录查询，品类查询 -->
    <div class="c_popupGroup">
        <div class="c_popupItem" id="catalogPopup">
            <div class="c_header">
                <div class="back" ontap="backPopup(this)">目录查询</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding l_padding-2">
                    <div class="c_form c_form-col-2 c_form-label-4 c_form-submit-h">
                        <div class="submit">
                            <button type="button" class="e_button-blue">查询</button>
                        </div>
                        <ul>
                            <li>
                                <div class="label">目录编码：</div>
                                <div class="value"><input type="text"/></div>
                            </li>
                            <li>
                                <div class="label">目录名称：</div>
                                <div class="value"><input type="text"/></div>
                            </li>
                        </ul>
                    </div>
                    <div class="c_space"></div>
                    <table jwcid="@Table" name="catalogTable" class="c_table c_table-border">
                        <thead>
                        <tr>
                            <th class="fn"></th>
                            <th>目录编码</th>
                            <th>目录名称</th>
                            <th>上级目录</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="fn" ontap="choseCatalog(this)"><input type="radio"></td>
                            <td>710034</td>
                            <td>MapReduce</td>
                            <td>大数据</td>
                        </tr>
                        <tr>
                            <td class="fn" ontap="choseCatalog(this)"><input type="radio"></td>
                            <td>710032</td>
                            <td>云主机</td>
                            <td>计算</td>
                        </tr>
                        <tr>
                            <td class="fn" ontap="choseCatalog(this)"><input type="radio"></td>
                            <td>71349</td>
                            <td>云数据库Redis</td>
                            <td>数据库</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="c_popupItem" id="categoryPopup">
            <div class="c_header">
                <div class="back" ontap="backPopup(this)">品类查询</div>
            </div>
            <div class="c_scroll c_scroll-white c_scroll-float c_scroll-header">
                <div class="l_padding l_padding-2">
                    <div class="c_form c_form-col-2 c_form-label-4 c_form-submit-h">
                        <div class="submit">
                            <button type="button" class="e_button-blue">查询</button>
                        </div>
                        <ul>
                            <li>
                                <div class="label">品类编码：</div>
                                <div class="value"><input type="text"/></div>
                            </li>
                            <li>
                                <div class="label">品类类型：</div>
                                <div class="value"><input type="text"/></div>
                            </li>
                            <li>
                                <div class="label">品类名称：</div>
                                <div class="value"><input type="text"/></div>
                            </li>
                        </ul>
                    </div>
                    <div class="c_space"></div>
                    <table jwcid="@Table" name="categoryTable" class="c_table c_table-border">
                        <thead>
                        <tr>
                            <th class="fn" ontap="choseCategory(this)"></th>
                            <th>品类编码</th>
                            <th>品类类型</th>
                            <th>品类名称</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="fn" ontap="choseCategory(this)"><input type="radio"></td>
                            <td>ebs</td>
                            <td>CIDC-RT-CBS</td>
                            <td>性能型云硬盘</td>
                        </tr>
                        <tr>
                            <td class="fn" ontap="choseCategory(this)"><input type="radio"></td>
                            <td>hadoop</td>
                            <td>CIDC-RT-HADOOP</td>
                            <td>大数据处理</td>
                        </tr>
                        <tr>
                            <td class="fn" ontap="choseCategory(this)"><input type="radio"></td>
                            <td>vm</td>
                            <td>CIDC-RT-VM</td>
                            <td>通用型</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</div>


<script type="text/javascript">
    var isPass = [
        {
            "TEXT": "通过",
            "VALUE": "0"
        },
        {
            "TEXT": "不通过",
            "VALUE": "1"
        }
    ];
    //事件节点点击联动
    var eventName="商品配置";
    var infoArea=document.getElementById("goodsConfigB");
    document.getElementById('goodsConfigA').setAttribute('class','on');
    infoArea.style.display = 'block';

    Wade.setRatio();
    Wade.JWC.init(true);

    //点击事件节点
    function selectEventNode(element,id){
        let eventListId=['goodsConfig','techInTest']
            // ,'openBateConfig','businessDepart','productOnSale'
        eventListId.forEach(item=>{
            document.getElementById(item+'A').setAttribute('class','');
            document.getElementById(item+'B').style.display = 'none';
        })
        document.getElementById(id+'B').style.display = 'block';
        element.setAttribute('class','on')
    }

    // 选择
    function choseCategory(element) {
        var ele = $(element);

        var msg = "";
        msg += ele.next().next().next().text();
        msg += "("
        msg += ele.next().next().text();
        msg += ")";

        $("#categoryChoose").val(msg);
        backPopup(element);
    }

    function choseCatalog(element) {
        var ele = $(element);

        var msg = "";
        msg += ele.next().next().next().text();
        msg += " > "
        msg += ele.next().next().text();

        $("#catalogChoose").val(msg);
        backPopup(element);
    }

    // 新增商品
    var offers = {};

    function addOffer(element) {
        var offerId = 920010 + "" + Math.floor(Math.random(1) * 1000);
        offers[offerId] = {
            offerId: offerId,
            catalog: $("#catalogChoose").val(),
            category: $("#categoryChoose").val(),
            status: "配置",
            offerName: $("#offerNameCfg").val(),
            offerDesc: $("#offerDescCfg").val(),
            offerDetail: $("#offerDetailCfg").val(),
            pmStaff: $("#pmStaff").val(),
            pmName: $("#pmName").val(),
            pmTel: $("#pmTel").val(),
            pmMail: $("#pmMail").val(),
            psmStaff: $("#psmStaff").val(),
            psmName: $("#psmName").val(),
            psmTel: $("#psmTel").val(),
            psmMail: $("#psmMail").val(),
            pNode: "规格配置",
            bNode: "资费配置"
        };

        // 入表
        addOrModifyTableRow(offerId);

        // 关闭弹窗
        backPopup(element);
    }

    // 入表
    function addOrModifyTableRow(offerId) {
        var tableBody = $("#myTableBody");

        // find row
        tableBody.children("tr").each(function () {
            let first = $(this).children("td").first();
            if (offerId + "" === first.text()) {
                $(this).remove();
            }
        });

        // 新增
        tableBody.append('<tr>\n' +
            '                        <td class="e_center">' + offerId + '</td>\n' +
            '                        <td class="e_center">' + offers[offerId].offerName + '</td>\n' +
            '                        <td class="e_center">' + offers[offerId].category + '</td>\n' +
            '                        <td class="e_center">' + offers[offerId].status + '</td>\n' +
            '                        <td class="e_center">' + offers[offerId].pmName + '</td>\n' +
            '                        <td class="fn" ontap="showPopup(\'popup\', \'historyPopup\')"><span class="e_ico-browse"></span></td>\n' +
            '                        <td class="fn"><a href="云商品配置.html" target="_blank"><span class="e_ico-edit"></span></a></td>\n' +
            '                        <td class="fn" ontap="pNode(this, ' + offerId + ');"><a href="#nogo">' + offers[offerId].pNode + '</a></td>\n' +
            '                        <td class="fn" ontap="bNode(this, ' + offerId + ');"><a href="#nogo">' + offers[offerId].bNode + '</a></td>\n' +
            '                    </tr>');
        myTable.adjust();
    }

    // 技术节点扭转
    function pNode(element, offerId) {
        var pNode = offers[offerId].pNode,
            bNode = offers[offerId].bNode;
        if (pNode === "规格配置") {
            window.open("云商品配置.html#resInfo");
            offers[offerId].pNode = "技术产品联调";
        } else if (pNode === "技术产品联调") {
            showPopup('popup1', 'approvePopup');
            offers[offerId].pNode = "测试环境验证";
        } else if (pNode === "测试环境验证") {
            showPopup('popup1', 'testPopup');
            offers[offerId].pNode = "技术产品上线";
        } else if (pNode === "技术产品上线") {
            MessageBox.confirm("确认", "是否进行技术产品上线，商品进入内测状态？");
            offers[offerId].pNode = "内测结果";
            offers[offerId].status = "内测";
        } else if (pNode === "内测结果") {
            showPopup('popup1', 'testPopup');
            offers[offerId].pNode = "公测配置";
        } else if (pNode === "公测配置") {
            window.open("云商品配置.html#saleInfo");
            offers[offerId].pNode = "公测审核";
        } else if (pNode === "公测审核" && bNode === "公测审核") {
            showPopup('popup1', 'shenpiPopup');
            offers[offerId].pNode = "商用上架";
            offers[offerId].bNode = "商用上架";
            offers[offerId].status = "公测";
        } else if (bNode === "商用上架") {
            showPopup('popup1', 'approvePopup');
            offers[offerId].pNode = "下架";
            offers[offerId].bNode = "下架";
            offers[offerId].status = "商用上架";
        }

        // 修改表状态
        addOrModifyTableRow(offerId);
    }

    // 业务节点扭转
    function bNode(element, offerId) {
        let bNode = offers[offerId].bNode, pNode = offers[offerId].pNode;
        if (pNode === "规格配置" && bNode === "资费配置") {
            MessageBox.alert("限制", "资费配置需要在规格配置之后");
            return;
        }

        // 弹出不同页面
        if (bNode === "资费配置") {
            // 跳转资费配置页面
            window.open("云商品配置.html#feeInfo");
            offers[offerId].bNode = "资费审批";
        } else if (bNode === "资费审批") {
            showPopup('popup1', 'shenpiPopup');
            offers[offerId].bNode = "局数据同步";
        } else if (bNode === "局数据同步") {
            MessageBox.confirm("确认", "是否进行局数据同步？");
            offers[offerId].bNode = "业务产品联调";
        } else if (bNode === "业务产品联调") {
            showPopup('popup1', 'approvePopup');
            offers[offerId].bNode = "测试环境验证";
        } else if (bNode === "测试环境验证") {
            showPopup('popup1', 'testPopup');
            offers[offerId].bNode = "业务产品上线";
        } else if (bNode === "业务产品上线") {
            MessageBox.confirm("确认", "是否进行业务产品上线？");
            offers[offerId].bNode = "公测审核";
        } else if (pNode === "公测审核" && bNode === "公测审核") {
            showPopup('popup1', 'shenpiPopup');
            offers[offerId].pNode = "商用上架";
            offers[offerId].bNode = "商用上架";
            offers[offerId].status = "公测";
        } else if (pNode === "商用上架") {
            showPopup('popup1', 'approvePopup');
            offers[offerId].pNode = "下架";
            offers[offerId].bNode = "下架";
            offers[offerId].status = "商用上架";
        }

        // 修改表状态
        addOrModifyTableRow(offerId);
    }
</script>


</body>

</html>